<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:gpc="http://java.sun.com/jsf/composite/gpc_comp"
                template="./../WEB-INF/template/templateAdmin.xhtml">

    <ui:define name="content">
        <h:form>
            <p:outputLabel value="#{adminDetalleCursoBean.curso.nombreCurso} - #{adminDetalleCursoBean.curso.idCurso}" styleClass="titulo" />
            <p:panelGrid columns="2">  

                <p:outputLabel value="#{label['fecha_inicio']}"/>
                <p:outputLabel id="fechaini" value="#{adminDetalleCursoBean.curso.fechaInicio}"/>

                <p:outputLabel value="#{label['fecha_finalizacion']}"/>
                <p:outputLabel id="fechafin" value="#{adminDetalleCursoBean.curso.fechaFinal}" />

                <p:outputLabel value="#{label['descripcion']}"/>
                <p:outputLabel id="descripcion" value="#{adminDetalleCursoBean.curso.descripcion}"/>

                <p:outputLabel value="#{label['cursos.dialog_profesor']}"/>
                <p:outputLabel id="idProfesor" value="#{adminDetalleCursoBean.curso.idProfesor}"/> 

                <f:facet name="footer">  
                    <p:commandButton type="button" value="#{label['editar']}" icon="ui-icon-pencil" style="margin:0" onclick="editDialog.show();"/>  
                </f:facet> 
            </p:panelGrid> 

            <p:dataTable id="estudiantesCurso" var="estudiante" value="#{adminDetalleCursoBean.curso.estudiantes}">  
                <f:facet name="header" >
                    #{label['lista_estudiante']}
                </f:facet>

                <p:column headerText="#{label['codigo']}">  
                    <h:outputText value="#{estudiante.codigo}" />  
                </p:column>  

                <p:column headerText="#{label['nombre']}">  
                    <h:outputText value="#{estudiante.nombre}" />  
                </p:column> 
                
                <p:column >  
                    <p:commandButton type="button" value="#{label['sacar']}" icon="ui-icon-closethick" style="margin:0" action="#{adminDetalleCursoBean.sacarEstudiante(estudiante.codigo)}" update="estudiantesCurso"/>   
                </p:column>

                <f:facet name="footer">  
                    <p:commandButton type="button" value="#{label['agregar']}" icon="ui-icon-plusthick" style="margin:0" onclick="addEstudianteDialog.show();"/>  
                </f:facet>
            </p:dataTable>

            <p:dialog id="editDialog" header="#{label['editar_curso']}" widgetVar="editDialog">  
                <p:panelGrid columns="2">
                    <p:outputLabel value="#{label['nombre']}"/>
                    <p:inputText value="#{adminDetalleCursoBean.cursoEdit.nombreCurso}"/>
                    
                    <p:outputLabel value="#{label['fecha_inicio']}"/>
                    <p:calendar id="fechainiedit" value="#{adminDetalleCursoBean.cursoEdit.fechaInicio}" mindate="#{adminDetalleCursoBean.fechaActual}">
                        <p:ajax event="dateSelect" listener="#{adminDetalleCursoBean.handleDateSelect}" update="fechainiedit fechafinedit" /> 
                    </p:calendar>
                    
                    <p:outputLabel value="#{label['fecha_finalizacion']}"/>
                    <p:calendar id="fechafinedit" value="#{adminCursosBean.fechaFinalE}" mindate="#{adminDetalleCursoBean.fechaMesDespuesFechaInicial}" >
                        <p:ajax event="dateSelect" update="fechainiedit fechafinedit" /> 
                    </p:calendar>
                    
                    <p:outputLabel value="#{label['descripcion']}"/>
                    <p:inputTextarea value="#{adminDetalleCursoBean.cursoEdit.descripcion}"/>
                    
                    <p:outputLabel value="#{label['profesor']}"/>
                    <p:inputText value="#{adminDetalleCursoBean.cursoEdit.idProfesor}"/>
                    
                    <f:facet name="footer">
                        <p:commandButton value="#{label['editar']}" action="#{adminDetalleCursoBean.actualizarcurso()}" oncomplete="editDialog.close();" update="@all"/>
                        <p:commandButton value="#{label['cancelar']}" onclick="editDialog.close();"/>
                    </f:facet>
                </p:panelGrid>
            </p:dialog> 

            <p:dialog>
                
                <p:dataTable id="estudiantesNoCurso" var="estudiante" value="#{adminDetalleCursoBean.listaEstudiantesNoCurso}">  
                <f:facet name="header" >
                    #{label['lista_estudiante']}
                </f:facet>

                <p:column headerText="#{label['codigo']}">  
                    <h:outputText value="#{estudiante.codigo}" />  
                </p:column>  

                <p:column headerText="#{label['nombre']}">  
                    <h:outputText value="#{estudiante.nombre}" />  
                </p:column>  

                <p:column >  
                    <p:commandButton type="button" value="#{label['agregar']}" icon="ui-icon-plusthick" style="margin:0" 
                                     action="#{adminDetalleCursoBean.agregarEstudiante(estudiante.codigo)}" update="estudiantesNoCurso estudiantesCurso"/>  
                </p:column> 
            </p:dataTable>
                
            </p:dialog>

        </h:form>
    </ui:define>            
</ui:composition>

